<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="description" content="migu"/>
    <meta name="keywords" content="migu"/>
    <meta name="author" content="cyleen"/>
    <meta name="viewport" content="width=device-width initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>咪咕</title>
    <link rel="stylesheet" type="text/css" href="style/common/set.css"/>
    <link rel="stylesheet" type="text/css" href="style/page/back.css"/>
    <script type="text/javascript" src="js/lib/jquery-1.10.2.min.js"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" src="js/lib/html5-3.7.0.js"></script>
    <![endif]-->
</head>
<body>
    <header>
        <div class="main_nav">
            <div class="inMain">
                <h1><img alt="" src="images/logo_2.png" class="fv-middle"><span class="fc-ab mg-l-ac fs-ad ff-ac fw-ac">统一信息平台</span></h1>
                <div class="userInfo">
                    <ul>
                        <li><a href="#"><i class="icon icon-remind"></i><span>13</span></a></li>
                        <li><a href="#"><i class="icon icon-sms"></i><span>1</span></a></li>
                        <li><a href="#"><i class="icon icon-schedule"></i><span>9</span></a></li>
                    </ul>
                    <div class="userHeader">
                        <b><img alt="" src="images/userh.png"></b><font>艺点点<br>注销</font>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="main">
        <div class="inMain">
            <div class="menu">
                <p class="fv-right"><i class="icon icon-host mg-r-ac"></i></p>
                <p><input type="text" class="mg-l-ac"><i class="icon icon-search2"></i></p>
                <ul class="ff-ac fs-ac">
                    <li><a href="#"><i class="icon icon-menu1"></i><span>首页</span></a></li>
                    <li class="active">
                        <a href="#"><i class="icon icon-menu2"></i><span>个人办公</span></a>
                        <ol class="on">
                            <li class="active"><a href="#">公文起草</a></li>
                            <li><a href="#">待办工作处理</a></li>
                            <li><a href="#">已办工作查看</a></li>
                            <li><a href="#">最近浏览查看</a></li>
                            <li><a href="#">我的草稿</a></li>
                            <li><a href="#">统一办公</a></li>
                        </ol>
                    </li>
                    <li>
                        <a href="#"><i class="icon icon-menu3"></i><span>通讯录</span></a>
                        <ol>
                            <li><a href="#">公文起草</a></li>
                            <li><a href="#">待办工作处理</a></li>
                        </ol>
                    </li>
                    <li>
                        <a href="#"><i class="icon icon-menu4"></i><span>流程管理</span></a>
                        <ol>
                            <li><a href="#">公文起草</a></li>
                            <li><a href="#">待办工作处理</a></li>
                        </ol>
                    </li>
                    <li>
                        <a href="#"><i class="icon icon-menu5"></i><span>文档服务</span></a>
                        <ol>
                            <li><a href="#">公文起草</a></li>
                            <li><a href="#">待办工作处理</a></li>
                        </ol>
                    </li>
                    <li>
                        <a href="#"><i class="icon icon-menu6"></i><span>员工自助</span></a>
                        <ol>
                            <li><a href="#">公文起草</a></li>
                            <li><a href="#">待办工作处理</a></li>
                        </ol>
                    </li>
                    <li>
                        <a href="#"><i class="icon icon-menu7"></i><span>人事单元</span></a>
                        <ol>
                            <li><a href="#">公文起草</a></li>
                            <li><a href="#">待办工作处理</a></li>
                        </ol>
                    </li>
                    <li>
                        <a href="#"><i class="icon icon-menu8"></i><span>基础信息</span></a>
                        <ol>
                            <li><a href="#">公文起草</a></li>
                            <li><a href="#">待办工作处理</a></li>
                        </ol>
                    </li>
                </ul>
            </div>

            <div class="cont">
                <h3><span class="fs-ad">统一办公</span></h3>
                <div class="operateBox">
                    <ul>
                        <li><button><i class="icon icon-new"></i>新建</button></li>
                        <li><button><i class="icon icon-edit"></i>编辑</button></li>
                        <li><button><i class="icon icon-copy"></i>拷贝</button></li>
                        <li><button><i class="icon icon-delete"></i>删除</button></li>
                        <li><button><i class="icon icon-export"></i>导出</button></li>
                    </ul>
                    <div class="other">
                        <input type="text"><button><i class="icon icon-search2"></i></button>
                        <a href="">更多</a>
                    </div>
                </div>
                <table class="mg-t-ac">
                    <thead>
                        <tr>
                            <th width="2%"></th>
                            <th width="5%"><input type="checkbox"></th>
                            <th width="10%">标题</th>
                            <th width="20%">编号<i class="icon icon-sort"></i></th>
                            <th width="15%">到达时间<i class="icon icon-sort"></i></th>
                            <th width="20%">流程<i class="icon icon-sort"></i></th>
                            <th width="15%">更新人<i class="icon icon-sort"></i></th>
                            <th>更新时间<i class="icon icon-sort"></i></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td></td>
                            <td><input type="checkbox"></td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>王花花</td>
                            <td>2015-11-19 20:20:09</td>  
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="checkbox"></td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>王花花</td>
                            <td>2015-11-19 20:20:09</td>  
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="checkbox"></td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>王花花</td>
                            <td>2015-11-19 20:20:09</td>  
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="checkbox"></td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>王花花</td>
                            <td>2015-11-19 20:20:09</td>  
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="checkbox"></td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>王花花</td>
                            <td>2015-11-19 20:20:09</td>  
                        </tr>
                    </tbody>
                </table>
            </div>

        </div>
    </div>
	<!-- END JAVASCRIPTS -->
    <script type="text/javascript">
    $(function(){
        /*$('.menu>ul>li').click(function(){
            $(this).find('ol').toggle();
        });*/
    })
    </script>
</body>
<!-- END BODY -->
</html>